<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<%		
	request.setCharacterEncoding("UTF-8");
	response.setContentType("text/html;charset=UTF-8");
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%	
	
	String path = request.getContextPath();
%>
<html>
<head>

		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0"/>
		<title>抱走宝山报名</title>
		<link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=path%>/css/font-awesome.css" />
		<link rel="stylesheet" href="<%=path%>/css/public.css" />
		<link rel="stylesheet" href="<%=path%>/css/validationEngine.jquery.css" />
</head>
<body>
	<div class="bg"></div>
	<div class="pic">
		<img src="<%=path%>/img/titlex.png" />
	</div>
	<div>
		<div class="container">
			<form action="<%=path%>/user/apply" id="quiz-form" method="post">
				<div>
					<input type="hidden" value="${opid}" name="openid"></input>
					<p class="ts">请您务必认真准确填写。如填写有误将影响您报名参赛和领取物品。</p>
					<p><span class="red">*号为必填项</span></p>
					<p>
					<div>
						<label for="name"><span class="red">*</span>&nbsp;姓名：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" name="name" placeholder="" id="name" >
					</div>
					
					</p>
				</div>
	<!-- 			<div class="form-group">
					<label><span class="red">*</span>&nbsp;性别：</label>
					<ul class="list-group ">
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="gender" value="1"  checked="checked" class="validate[groupRequired[gender]]" data-prompt-position="inline">
									男
								</label>
							</div>
						</li>
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="gender" value="0" class="validate[groupRequired[gender]]" data-prompt-position="inline">
									女
								</label>
							</div>
						</li>
					</ul>
				</div>
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;报名组别：</label> <select
						name="raceGroup">
						<option value="10公里" selected="selected">10公里</option>
						<option value="20公里">20公里</option>
						<option value="30公里">30公里</option>
					</select>
				</div>
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;血型：</label> <select
						name="bloodType">
						<option value="A" selected="selected">A</option>
						<option value="B">B</option>
						<option value="AB">AB</option>
						<option value="O">O</option>
						<option value="RH">RH</option>
					</select>
				</div> -->
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;国籍：</label> <select
						name="country">
						<option value="中国大陆" selected="selected">中国大陆</option>
						<option value="中国香港/Hong Kong">中国香港/Hong Kong</option>
						<option value="中国澳门/Macau">中国澳门/Macau</option>
						<option value="中华台北/Chinese Taipei">中华台北/Chinese Taipei</option>
						<option value="其他国家/Other Countries">其他国家/Other Countries</option>
					</select>
				</div>
			<!-- 	<div class="form-group">
					<label><span class="red">*</span>&nbsp;证件类型：</label>
					<ul class="list-group">
						<li class="list-group-item  bg-tm">
							<div class="radio">
								<label> <input type="radio"  value="0"  checked="checked" class="validate[groupRequired[id]]" name="certificate">
									身份证
								</label>
							</div>
						</li>
						<li class="list-group-item  bg-tm">
							<div class="radio">
								<label> <input type="radio"  value="1"  class="validate[groupRequired[id]]" name="certificate">
									护照
								</label>
							</div>
						</li>
						<p class="ts">年龄未满18岁的选手，请提交监护人证件。</p>
					</ul>
				</div> -->
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;证件号码：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="cerNumber">
					</div>
					<p class="ts">请准确填写身份证号或护照号。</p>
					</p>
				</div>
		<!-- 		<div class="form-group">
					<label><span class="red">*</span>&nbsp;出生日期：</label> <input type="date" class="pp validate[required]"  data-prompt-position="inline" name="born">

				</div> -->
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;手机号码：</label> <input
							type="text" class="form-control bg-tm validate[required,custom[phone]]" data-prompt-position="inline" placeholder="" name="phone">
					</div>
					</p>
				</div>
				<!-- <div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;电子邮箱：</label> <input
							type="text" class="form-control bg-tm  	validate[required,custom[email]]" data-prompt-position="inline" placeholder="" name="email">
					</div>
					</p>
				</div> -->
<!-- 				<div>
					<p>
					<div>
						<label>电子邮箱2：</label> <input type="text"
							class="form-control bg-tm  	validate[custom[email]]" data-prompt-position="inline" placeholder="" name="email1">
					</div>
					</p>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;目前居住地：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="address">
					</div>
					</p>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;通信地址：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="eAddress">
					</div>
					</p>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;邮编：</label> <input
							type="text" class="form-control bg-tm validate[required,custom[chinaZip]]" data-prompt-position="inline" placeholder="" name="postcode">
					</div>
					</p>
				</div> -->
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;紧急联系人姓名：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="linkman">
					</div>
					<p class="ts">不可以是参赛者的姓名</p>
					</p>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;紧急联系人电话：</label> <input
							type="text" class="form-control bg-tm validate[required,custom[phone]]" data-prompt-position="inline" placeholder="" name="linPhone">
					</div>
					<p class="ts">不可以是参赛者的联系电话</p>
					</p>
				</div>
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;出行方式：</label>
					<ul class="list-group ">
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="tripType" value="公共交通"  checked="checked" class="validate[groupRequired[tripType]]" data-prompt-position="inline">
									公共交通
								</label>
							</div>
						</li>
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="tripType" value="自驾" class="validate[groupRequired[tripType]]" data-prompt-position="inline">
									自驾
								</label>
							</div>
						</li>
					</ul>
					<p class="ts">组委会为选手准备了绿色穿梭巴士。</p>
				</div>
				<div>
				<p>免责声明：</p>
				<textarea rows="" cols=""></textarea>
				</div>
		<!-- 		<div>
					<p>
					<div>
						<label>职业：</label> <input type="text" class="form-control bg-tm"
							placeholder="" data-prompt-position="inline" name="profession">
					</div>
					</p>
				</div>
				<div>
					<p>
					<div>
						<label>年收入：</label> <input type="text" class="form-control bg-tm"
							placeholder="" data-prompt-position="inline" name="annualIncome">
					</div>
					</p>
				</div>
				<div class="form-group">
					<label>教育程度：</label> <select name="eduBackground">
						<option value="小学">小学</option>
						<option value="初中">初中</option>
						<option value="高中">高中</option>
						<option value="大专">大专</option>
						<option value="本科">本科</option>
						<option value="研究生">研究生</option>
						<option value="博士以上">博士以上</option>
					</select>
				</div>
				<div class="form-group">
					<label>既往病史：</label> <select name="medHistory">
						<option value="无">无</option>
						<option value="高血压">高血压</option>
						<option value="糖尿病">糖尿病</option>
						<option value="冠心病">冠心病</option>
						<option value="贫血">贫血</option>
						<option value="哮喘">哮喘</option>
						<option value="肺气肿">肺气肿</option>
						<option value="肾功能不全">肾功能不全</option>
						<option value="手术史">手术史</option>
						<option value="严重外伤史">严重外伤史</option>
						<option value="其它">其它</option>
					</select>
				</div>
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;选手类型：</label>
					<ul class="list-group">
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="playerType"  checked="checked" value="0" class="validate[groupRequired[playertype]]" data-prompt-position="inline">
									A类选手：2014年1月1日（含2014年1月1日）至2016年6月27日（含2016年6月27日）期间参加过马拉松赛全程项目，并在6小时内完赛的选手
								</label>
							</div>
						</li>
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="playerType" value="1" class="validate[groupRequired[playertype]]" data-prompt-position="inline">
									B类选手：2015年1月1日（含2015年1月1日）至2016年6月27日（含2016年6月27日）期间参加过半程马拉松项目，并在3小时内完赛的选手
								</label>
							</div>
						</li>
					</ul>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;赛事名称：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="raceName">
					</div>

					</p>
				</div>
				<div>
					<p>
					<div>
						<label><span class="red">*</span>&nbsp;完赛成绩：</label> <input
							type="text" class="form-control bg-tm validate[required]" data-prompt-position="inline" placeholder="" name="raceResults">
					</div>

					</p>
				</div>
				<div class="form-group">
					<label><span class="red">*</span>&nbsp;一年内是否参加过马拉松：</label>
					<ul class="list-group">
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="attendInYear" value="0"  checked="checked" class="validate[groupRequired[y]]" data-prompt-position="inline">
									是
								</label>
							</div>
						</li>
						<li class="list-group-item bg-tm">
							<div class="radio">
								<label> <input type="radio" name="attendInYear" value="1" class="validate[groupRequired[y]]" data-prompt-position="inline">
									否
								</label>
							</div>
						</li>
					</ul>
				</div>
				<div>
					<p>
					<div>
						<label>你希望本次“抱走宝山”徒步走可以品尝到什么有特色的食品（不限种类）？</label> <input
							type="text" class="form-control bg-tm" placeholder="" name="foodExp">
					</div>

					</p>
				</div>
				<div>
					<p>
					<div>
						<label>你希望本次“抱走宝山”徒步走可以观赏到什么有上海文化特色的艺术表演？</label> <input
							type="text" class="form-control bg-tm" placeholder="" name="showExp">
					</div>

					</p>
				</div>
				<div>
					<p>
					<div>
						<label>你希望本次“抱走宝山”徒步走可以玩到什么记忆里曾经怀念的游戏？</label> <input type="text"
							class="form-control bg-tm" placeholder="" name="gameExp">
					</div>

					</p>
				</div>
				<div>
					<p>
					<div>
						<label>你希望本次“抱走宝山”徒步走可以为您留下何种记忆的的照片（怀旧，自然，田野，涵养林，垂钓等等）？</label> <input
							type="text" class="form-control bg-tm" placeholder="" name="photoExp">
					</div>

					</p>
				</div> -->
			</form>

			<div class="submit-btn">
				<button type="submit" class="btn btn-info width100" id="submit-btn">完成</button>
			</div>
		</div>

	</div>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/adddate.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery.validationEngine-zh_CN.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery.validationEngine.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery.validate.js"></script>
	<script type="text/javascript" src="<%=path%>/js/messages_zh.js"></script>
	<script>
		//微信jssdk config
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${appid}', // 必填，公众号的唯一标识
    timestamp: '${timestamp}', // 必填，生成签名的时间戳
    nonceStr: '${noncestr}', // 必填，生成签名的随机串
    signature: '${signature}',// 必填，签名，见附录1
    jsApiList: [
                'checkJsApi',  //判断当前客户端版本是否支持指定JS接口
                'onMenuShareTimeline', //分享给好友
                'onMenuShareAppMessage', //分享到朋友圈
                'onMenuShareQQ',  //分享到QQ
                'onMenuShareWeibo' //分享到微博
         ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
		wx.ready(function () {   //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
			wx.onMenuShareTimeline({  //分享到朋友圈的API  
			   title: '抱走宝山挑战赛', // 分享标题
			   link: 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
			   imgUrl: 'http://run.xuanzhen-tech.com/wx_project/WebContent/img/titlex.png', // 分享图标
			   success: function () {
			       // 用户确认分享后执行的回调函数
			   },
			   cancel: function () {
			       // 用户取消分享后执行的回调函数
			   }
				});
			wx.onMenuShareAppMessage({//分享到朋友 
			    title: '抱走宝山', // 分享标题
			    desc: '抱走宝山挑战赛火热报名中', // 分享描述
			    link: 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
			    imgUrl: 'http://run.xuanzhen-tech.com/wx_project/WebContent/img/titlex.png', // 分享图标
			    type: 'link', // 分享类型,music、video或link，不填默认为link
			    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
		});	
			wx.error(function (res) {
			 alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
			});
		var msg="";
		msg="${message}";
		$('document').ready(function() {
	/* 		alert('signature:${signature}'); */
			$("#quiz-form").validationEngine();
			$("#submit-btn").bind('click',function(){
				$("#quiz-form").submit();

			  });
			
		});
	</script>
</body>
</html>